<template>
    <div v-if="top" class="safe-area-inset-top"></div>
    <div v-if="left" class="safe-area-inset-left"></div>
    <div v-if="bottom" class="safe-area-inset-bottom"></div>
    <div v-if="right" class="safe-area-inset-right"></div>
</template>
    
<script setup lang='ts'>
defineProps<{
    top?: boolean;
    left?: boolean;
    bottom?: boolean;
    right?: boolean;
}>()
</script>
    
<style lang="scss" scoped>
</style>